Teapo v0.4h

/app

-app/files

/app/layout

Application.css

Application.html

TestCase.html

TestPage.css

TestPage.html

Welcome.html

-app/tests

Application.ts

PageLayout.ts

functions.ts

-boot

-docs

-features

-imports

-koBindings

-storage

-tests

-typings

base.css

readme.md

stringUtils.ts

teapo.html

try.html

try.js

<html><head><title>Trial layout</title><style>
html {
  margin: 0px; padding: 0px;
  overflow: hidden;
}
body {
  margin: 0px; padding: 0px;
  overflow-x: scroll;
  overflow-y: hidden;
}
.teapo-layout-tab {
  table-layout: fixed;
  width:150%;
  height: 100%;
  background: white;
}
.teapo-layout-panel-cell {
  margin: 0px;
  padding: 0px;
  width: 50%;
  height: 100%;
  background: silver;
}
.teapo-layout-toolbar-cell {
  height: 1%;
}
.teapo-layout-statusbar-cell {
  height: 1%;
}
</style></head>
 
<body>
<table class="teapo-layout-tab"><tbody><tr><td class="teapo-layout-toolbar-cell" style="width: 60%;">
  <a style="float: left" name="left">*</a>
  <a style="float: right" href="#right">&gt;&gt;</a>
  left
</td><td class="teapo-layout-toolbar-cell" style="width: 40%;">
  <a style="float: right" name="right">*</a>
  <a style="float: left" href="#left">&lt;&lt;</a>
  right
</td></tr><tr><td class="teapo-layout-panel-cell">
<div style="overflow: auto;width:100%;height:100%;white-space:pre-wrap;">
  IDE in a bottle
===========
*Teapo v0.5j*
 
Edit, run, save, pass around a whole project as a single HTML file, on any device from an iPad to a laptop, from IE6 to Chrome Mobile. Or Blackberry. Or Firefox OS.
 
This is as HTML5 applications were meant to be, before working groups and stakeholders and proposals.
 
Roadmap
-----
 
- **v0.4h** is a prototype self-hosting its own development, supporting syntax/error highlighting, code completion and build for JavaScript, HTML, CSS and TypeScript.
- **v0.5j** adds an extensibility model for arbitrary languages, a unit test runner convering Teapo itself, look-and-feel reftresh.
- **v0.6f** will focus on productivity and code quality: refresh of touch-based code editing, more features for testing and debugging.
- **git** - planned git support.
- **crypto** - planned feature for requiring a password on opening.
- **repo** - planned service for hosting Teapo projects, adding freemium build farm, test and exotic compilation features.
 
Current
-----
This version is part of v0.5j phase, currently implemented storage and proof-of-concept bootstrap layout, and now focussing on plugging this new layout in the heart of the application.
</div>
</td><td class="teapo-layout-panel-cell">
<div style="width: 100%; height: 100%; overflow: auto;">
  <b>document.txt</b><br>
  main.html<br>
  main.css<br>
  readme.md<br>
</div>
</td></tr><tr><td class="teapo-layout-statusbar-cell" style="width: 60%;">
  document.txt 1:1
</td><td class="teapo-layout-statusbar-cell" style="width: 40%;">
  12 files
</td></tr></tbody></table>
 
</body></html>
 
 